<!-- DOWNLOADED FROM WWW.SCRIPTGATES.COM -->
<!DOCTYPE html>
<html>
    <head>
        <?php $this->load->view('js-css-view') ?>
        <script type="text/javascript" src="<?php echo base_url() ?>assets/dashboard/js/jquery.isotope.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url() ?>assets/dashboard/js/jquery.colorbox-min.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function() {

                //Replaces data-rel attribute to rel.
                //We use data-rel because of w3c validation issue
                jQuery('a[data-rel]').each(function() {
                    jQuery(this).attr('rel', jQuery(this).data('rel'));
                });

                jQuery("#medialist a").colorbox();

            });
            jQuery(window).load(function() {
                jQuery('#medialist').isotope({
                    itemSelector: 'li',
                    layoutMode: 'fitRows'
                });

                // Media Filter
                jQuery('#mediafilter a').click(function() {

                    var filter = (jQuery(this).attr('href') != 'all') ? '.' + jQuery(this).attr('href') : '*';
                    jQuery('#medialist').isotope({filter: filter});

                    jQuery('#mediafilter li').removeClass('current');
                    jQuery(this).parent().addClass('current');

                    return false;
                });
            });
        </script>

    </head>

    <body>
        <div class="mainwrapper">    
            <div class="header">
                <?php $this->load->view('header-view'); ?>
            </div>    
            <div class="leftpanel">
                <?php $this->load->view('menu-view'); ?>
            </div><!-- leftpanel -->

            <div class="rightpanel">        
                <ul class="breadcrumbs">
                    <li><a href="<?php echo base_url() ?><?php echo $link; ?>"><i class="iconfa-file"></i></a> <span class="separator"></span></li>
                    <li><?php echo $current; ?></li>            
                </ul>

                <div class="pageheader">            
                    <div class="pageicon"><span class="iconfa-file"></span></div>
                    <div class="pagetitle">                
                        <h1><?php echo $current; ?></h1>
                    </div>
                </div><!--pageheader-->

                <div class="maincontent">
                    <div class="maincontentinner">
                        <div class="row-fluid">  
                            <div id="dashboard-left" class="span12">
                                <div class="right" style="text-align: right">
                                    <div class="row-fluid"> 
                                        <div class="span10">&nbsp;</div>
                                        <div class="span2">
                                            <ul class="mediamgr_menu" id="medialist">
                                                <li class="right"> <a href="<?php echo base_url() ?>songs/add/" class="btn btn-primary">Upload New File</a></li>
                                            </ul>
                                        </div>  
                                    </div>

                                </div>

                                <span class="clearall"><br/></span>
                                <div class="mediamgr">

                                    <div class="mediamgr_head">
                                        <ul class="mediamgr_menu">
                                            <li><a class="btn prev prev_disabled"><span class="icon-chevron-left"></span></a></li>
                                            <li><a class="btn next"><span class="icon-chevron-right"></span></a></li>
                                            <li class="marginleft15 filesearch right">
                                                <form action="<?php echo base_url() ?>songs/search" method="POST" />
                                                <input type="text" id="filekeyword" class="filekeyword" placeholder="Search file here" />
                                                </form>
                                            </li>
                                        </ul>


                                        <span class="clearall"></span>
                                    </div><!--mediamgr_head-->



                                    <div class="col-12-12">
                                        <ul id="medialist" class="listfile">

                                            <?php foreach ($songs as $row) { ?>
                                                <li class="image">
                                                    <a href="<?php echo base_url() ?>songs/view/<?php echo $row['id'] ?>"><img src="<?php echo base_url() . $row['path_thumbnail'] ?>" alt="<?php echo $row['title'] ?>" width="150"  /></a>
                                                    <div class="uinfo">
                                                        <h5><?php echo $row['title'] ?></h5>
                                                        <span class="pos"><?php echo $row['artist'] ?></span>                                                      
                                                    </div>
                                                </li>
                                            <?php } ?>
                                        </ul>

                                        <br class="clearall" />

                                    </div><!--mediamgr_content-->




                                    <br class="clearall" />
                                </div><!--mediamgr-->
                            </div>
                        </div>

                        <div class="footer">
                            <?php $this->load->view('footer-view'); ?>
                        </div><!--footer-->

                    </div><!--maincontentinner-->
                </div><!--maincontent-->

            </div><!--rightpanel-->

        </div><!--mainwrapper-->

    </body>
</html>